<template>
		<router-view style="position: absolute;"/>
		<div class="titleBox">
			
		</div>
		<div class="home">
			<MainUiButton @click="goRouter('/NatoAndWto')">北约和华约</MainUiButton>
			<MainUiButton @click="goRouter('/NatoExpantionHistory')">北约扩张历史</MainUiButton>
			<MainUiButton>俄乌冲突</MainUiButton>
			<MainUiButton>制作人员</MainUiButton>
		</div>
</template>

<script>
import * as echarts from 'echarts';
import 'echarts-gl';
import MainUiButton from "../components/button/Ra3UiButton.vue"
	
export default {
  name: 'Scene',
  data(){
	  return{
		  
	  }
  },
  mounted() {

  },
  methods:{
	  goRouter(url){
		  this.$router.push({path:url})
	  }
  },
  components: {
	MainUiButton
  }
}
</script>
<style scoped="scoped">
	.home{
		bottom: 0;
		position:absolute;
		height: 100%;
		width: 320px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 30px 0px 0px 60px;
		perspective: 500px;
	}
</style>
